/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/




/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/
.login h1 a {background-image: url("https://ymcamakati.com/wp-content/uploads/2021/08/ymca-logo-optimized-1.png") !important;}
.et_pb_pagebuilder_layout .page #comment-wrap {width: 80%;max-width: 1080px;margin: 0 auto 40px auto;}
h2 {font-size: 35px !important;}
li { font-size: 20px;}
.page-id-368 h2:after, .post-446 h2:after, .history-section .et_pb_css_mix_blend_mode_passthrough h2:after {background-color: #ffc61b; content: ""; display: inline-block; height: 5px; position: relative; vertical-align: middle; width: 6%; margin-right: -30px; margin-left: 10px;}
.page-id-368 h2:after, .post-446 h2:after, .history-section .et-last-child h2:after {width: 0;}
.page-id-368 h2:before, .post-446 h2:before, .history-section .et-last-child h2:before {background-color: #ffc61b; content: ""; display: inline-block; height: 5px; position: relative; vertical-align: middle; width: 6%; margin-left: -30px; margin-right: 10px;}
.header-page-title .et_pb_text_inner { line-height: 35px;}

/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/

/*Header Banners*/
#main-content .header-banner { height: 65vh;}
.header-page-title .et_pb_text_inner { font-size: 40px;  color: #fff;  font-family: 'Montserrat';}
.blogs-section .et_pb_post { min-height: 475px; max-height: 475px;}
.blogs-section .et_pb_post .entry-title { min-height: 50px;}
.blogs-section .et_pb_post .post-meta a { color: #013e6a; font-weight: 600;}


/*Header*/
header#main-header { background-color: #fff; box-shadow: unset;}
header#main-header.et-fixed-header {box-shadow: unset !important ;}
header#main-header.et-fixed-header img#logo {margin-top: 1px; width: 130px; min-height: 130px;}
header#main-header img#logo { width: 160px; min-height: 145px; padding: 8px; border-radius: 15%; background-color: #fff;}
#top-menu li { display: inline-block; font-size: 14px; padding-right: 50px;}
span#et-info-phone::before { display: none;}
div#et-secondary-menu { float: right;}
#et-info-phone {  font-size: 27px;}
.et_fullwidth_nav #main-header .container { padding-right: 100px; padding-left: 100px;}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a { padding-bottom: 30px !important;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding: 45px 0 0 0;}


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/
.homepage-banner { background-color: #212121;color: #4db1bc; margin: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; justify-items: center;}
.homepage-banner h1 { margin: 0; grid-column: 1; grid-row: 1; z-index: 1; font-family: 'Montserrat', sans-serif; font-size: 8rem; text-transform: uppercase; animation: glow 5s ease-in-out infinite alternate; text-align: center; font-weight: 700;}
 @keyframes glow {
	 from {
		 text-shadow: 0 0 20px #fff;
	}
	 to {
		 text-shadow: 0 0 30px #fff, 0 0 10px #fff;
	}
}
.core-values .et_pb_column {  padding: 20rem 2rem 10rem 2rem;}
.page-id-221 .entry-title { font-size: 20px !important;}
.blogs-section img { width: 500px; height: 280px;}
.homepage-slider-banner .et_pb_slide_description {margin-top: 30%}
.homepage-slider-banner .et_pb_slide_0.et_pb_slide .et_pb_slide_overlay_container { background-color: rgb(8 8 8 / 21%);}


/*------------------------------------------------*/
/*-------------------[Teaser]---------------------*/
/*------------------------------------------------*/
.teaser-b { width: 100%; height: 66vh; margin: 0; padding: 0; overflow: hidden;}
.teaser-b { display: inline-grid; align-items: center; justify-content: center;}
.teaser-b::after { content: ""; display: block; width: 100%; background: radial-gradient(#222, #000); position: absolute; z-index: -1; transform: rotate(20deg); border-radius: 50%;}
.page-id-451 .et_pb_menu_1.et_pb_menu .nav li ul { background-color: #00000099!important;}
.homepage-banner { background-color: #212121;color: #4db1bc; margin: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; justify-items: center;}

/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/
/*History Page*/
.history-section-mobile p { padding-top: 20px;}
.history-section-mobile h2:before {background-color: #ffc61b; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 6%; margin-left: -30px; margin-right: 10px;}

/*Our Team*/
.our-team img { min-height: 315px !important; width: 250px;  max-height: 300px !important;}
.our-team .et_pb_module_header { font-weight: 600;}
.our-team .et_pb_member_position { font-size: 20px; color: #333;}


/*Partners*/
.bwg-item { box-shadow: 4px 5px 16px #3333337d; margin: 10px !important;}
.bwg-thumb-description { padding: 10px; text-align: center;}
.bwg-title1 .bwg-title2 { font-size: 25px !important; font-family: Montserrat !important; padding: 2px 25px !important;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item0 {background-color: unset;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-thumb-description span { font-family: arial !important; font-size: 20px !important; line-height: 1;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item > a { margin-right: unset !important;}

/*Community Outreach*/
.community-outreach img { height: 250px;}
.community-outreach .et_pb_blurb_description { min-height: 175px;}

/****COMING SOON****/
.page-id-1148 #top-header, .page-id-1148 #main-header, .page-id-1148 .et-l--footer {display: none;}


/*Membership Page*/
.xdsoft_datetimepicker .xdsoft_timepicker { width: 85px !important;}
.xdsoft_datetimepicker .xdsoft_datepicker { width: 270px !important;}

/*Guest Rooms*/
.et_pb_row.et_pb_row_2.rooms-section img { min-height: 200px;}
.et_pb_row.et_pb_row_2.rooms-section .et_pb_post { box-shadow: 2px 2px 10px #00000042;}
.et_pb_row.et_pb_row_2.rooms-section .entry-title { font-size: 22px !important;}

/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*----------------[RESPONSIVENESS]----------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
@media only screen and (max-width: 1560px)
{
#top-menu li {
    padding-right: 25px;
}
.et_fullwidth_nav #main-header .container{
    padding-right: 15px !important;
    padding-left: 15px  !important;
	}
.homepage-banner h1 { margin: 0; grid-column: 1; grid-row: 1; z-index: 1; font-family: 'Montserrat', sans-serif; font-size: 5rem; text-transform: uppercase; animation: glow 5s ease-in-out infinite alternate; text-align: center; font-weight: 700;}

nav#top-menu-nav ul>li:last-child .sub-menu {
    margin-left: -8rem;
}
}
@media only screen and (max-width: 1224px)
{
#et_mobile_nav_menu {
    display: block !important;
	}
#top-menu {
    display: none !important;
	}
nav#top-menu-nav ul>li:last-child .sub-menu {
    margin-left: auto;
}
}
@media only screen and (max-width: 980px)
{
#et-info-phone {
    font-size: 15px;
	}
.et_fullwidth_nav #main-header .container {
	width: 90%;
    padding-right: 0 !important;
    padding-left: 0 !important;
	}
}